<style>
</style>
<template>
    <span>
        <i   v-if="icon" :class="['icon', 'ly-i',icon]"  :style="{'font-size':size+'px','color':color}" ></i>
        <svg  v-if="symbol" class="icon" aria-hidden="true" :style="{'font-size':size+'px'}">
            <use :xlink:href="'#'+symbol"></use>
        </svg>
    </span>
</template>
<script>
    Rap.define("", [], function () {
        return {
            props: {
                size: {
                    default: 16
                },
                color: '',
                icon: String,
                symbol: String,
            },
            name: 'ly-icon'
        }
    })
</script>